// 头部
.header {
    width: 100%;
    height: 114px;
    // 上内边距
    padding-top: 50px;

    h2 {
        height: 40px;
        width: 196px;
        background: url(../images/index_txt.png) no-repeat 0 0;
        margin: 0 auto;
    }
}

// tab栏
.table {
    width: 100%;
    height: 50px;
    text-align: center;

    .active {
        color: #31c27c !important;
    }

    a {
        margin: 0 24px;
    }

    a:hover {
        color: #31c27c;
    }
}

// 左右箭头
.arrowszy {

    .prve,
    .next {
        display: block;
        // 绝对定位
        position: absolute;
        width: 79px;
        height: 108px;
        top: 43%;
        background-color: #eee;
        text-align: center;
        padding: 17px 0;
        transition: all 1s;
    }

    .prve {
        left: -108px;

        span {
            background: url(../images/icon_sprite.png) no-repeat -40px -243px;
            display: inline-block;
            width: 40px;
            height: 74px;
        }
    }

    .next {
        right: -108px;

        span {
            background: url(../images/icon_sprite.png) no-repeat 0 -243px;
            display: inline-block;
            width: 40px;
            height: 74px;
        }
    }
}

// 歌单推荐切换栏(小圆点点)
.little_dot {
    width: 100%;
    height: 38px;
    text-align: center;

    a {
        // 转行内块
        display: inline-block;
        width: 28px;
        height: 28px;
        // 内容水平居中
        text-align: center;

        span {
            // 转行内块
            display: inline-block;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: rgba(0, 0, 0, .1);
        }

        .active {
            background-color: rgba(0, 0, 0, .4);
        }
    }
}